<template>
  <el-menu
      :default-active="this.$route.path"
      router
      style="width: 200px; height:100%; min-height: calc(100vh - 40px)"
      unique-opened>
    <div style="display: flex;align-items: center;justify-content: center;padding: 11px 0;">
      <img alt="" src="@/assets/logo.png" style="width: 60px;">
    </div>
    <el-menu-item index="/adminHome">
      <el-icon>
        <home-filled/>
      </el-icon>
      <span>首页</span>
    </el-menu-item>
    <el-sub-menu index="user">
      <template #title>
        <el-icon>
          <user/>
        </el-icon>
        <span>用户信息管理</span>
      </template>
      <el-menu-item index="/tenantInfo">
        <el-icon>
          <avatar/>
        </el-icon>
        租客信息
      </el-menu-item>
      <el-menu-item index="/landlordInfo">
        <el-icon>
          <avatar/>
        </el-icon>
        房东信息
      </el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="house">
      <template #title>
        <el-icon>
          <house/>
        </el-icon>
        <span>房源信息管理</span>
      </template>
      <el-menu-item index="/houseAudition">
        <svg class="icon" data-v-042ca774="" style="height: 18px; margin-right: 11px;"
            viewBox="0 0 1024 1024"
            xmlns="http://www.w3.org/2000/svg">
          <path
              d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
              fill="currentColor"></path>
        </svg>
        <span>房源审核</span>
      </el-menu-item>
      <el-menu-item index="/houseDelete">
        <template #title>
          <el-icon>
            <delete/>
          </el-icon>
          <span>房源删除</span>
        </template>
      </el-menu-item>
    </el-sub-menu>
    <el-menu-item index="/commentManagement">
      <el-icon>
        <comment/>
      </el-icon>
      <span>评论管理</span>
    </el-menu-item>
    <el-menu-item index="/adminSelfInfo">
      <el-icon>
        <setting/>
      </el-icon>
      <span>个人信息</span>
    </el-menu-item>
  </el-menu>
</template>

<script></script>

<style scoped>
.icon {
  margin-right: 6px;
}

.el-sub-menu .el-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  min-width: 199px;
}
</style>